@CHARSET "ISO-8859-1";

*
{
	padding: 0;
	margin: 0;
}

body
{
	background-image: url('../bilder/navigator_question_1920x1200.bmp');
	height:100%;
	background-size:100%;
	background-repeat:no-repeat;
	color: white;
	font-family: "Microsoft Sans Serif";
}

header
{
	border-color: #5e91d2;
	border-width: 4px;
	border-radius: 20px;
	border-style: solid;
	font-size: 20pt;
	text-shadow: 5px 5px 7px #6b93d7;
	position: absolute;
	left:1%; top:1%; right:1%; height:13%;
}

#headPicture
{
	background-image: url('../bilder/1365187618_Adobe Help Center.png');
	width:5%;
	height: 80%;
	position:inherit; top:10%; left:1%; bottom:10%;
	background-size:100%;
	background-repeat:no-repeat;
}

#ueberschrift
{
	position:inherit;
	left: 7%;
	margin-top: 1.5%;
	text-transform: uppercase;
	letter-spacing: 4px;
}

#hauptansicht
{
	position: absolute;
	left:1%; top:16%; right:39%; height:77.2%;
	border-color: #5e91d2;
	border-width: 4px;
	border-radius: 20px;
	border-style: solid;
}

#username
{
	position: inherit;
	top: 37%;
	left: 40%;
	font-size: 28pt;
}

#inputname
{
	position: relative;
	top: 45%;
	left: 40%;
	font-size: 20pt;
}

footer
{
	border-color: #5e91d2;
	border-width: 4px;
	border-radius: 20px;
	border-style: solid;
	color: #5e91d2;
	font-size: 15pt;
	position: absolute;
	left:1%; bottom:1%; right:1%; height:3%;
}

#katalog
{
	border-color: #5e91d2;
	border-width: 4px;
	border-radius: 20px;
	border-style: solid;
	font-size: 15pt;
	position: absolute;
	left:61.5%; top:16%; right:1%; height:43.5%;
	padding-left: 5%;
	padding-top: 0.6%;
}

#katalog h1
{
	margin-top: 4%;
}

#highscore
{
	border-color: #5e91d2;
	border-width: 4px;
	border-radius: 20px;
	border-style: solid;
	font-size: 15pt;
	position: absolute;
	left:61.5%; bottom: 6%; right:1%; height:30.5%;
	padding-left: 2%;
}


#highscore h1
{
	margin-top: 4%;
	margin-left: 7%;
}

#highscore h4
{
	word-spacing: 180px;
	border-top: 0;
	border-left: 0;
	border-bottom: 1px; 
	border-right: 0;
	border-style: solid;
	border-color: #5e91d2;
	width: 90%;
}

#highscore span
{
	position: absolute;
	left: 40%;
	 	
}

#catalogPicture
{
	background-image: url('../bilder/catalogs.png');
	width:8%;
	height:20%;
	position:inherit; top:6%; left:4%; bottom:10%;
	background-size:100%;
	background-repeat:no-repeat;
}

#highscorePicture
{
	background-image: url('../bilder/trophy.png');
	width:8%;
	height:20%;
	position:inherit; top:6%; left:4%; bottom:10%;
	background-size:100%;
	background-repeat:no-repeat;
}

.Button
 {
 	position: relative;
	top: 45%;
	left: 40%;
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;
}

.Button:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}

